<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--<title>爱淘金</title>-->
<link rel="stylesheet" type="text/css" media="all" href="css/swiper.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" href="css/style_zwf.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="js/js.js" type="text/javascript"></script>
<style type="text/css">
	.mask{
		background: rgba(0,0,0,.3);
		top: 0;
		height:100% !important;
	}
</style>
</head>
<body style="background: #fff;">
	<!--顶部-->
	<div class="header">
		<a href="javascript:history.go(-1); " class="hele"></a>
		<h1 class="hetitle">闲卡续费</h1>
	</div>
	
	<div id="page" class="page m3" style="background:transparent;padding:.9rem 0 1rem 0;">
		<div class="kaxes_list">
			<div>
				<img src="images/kaxes_img.png" class="kaxes_img" alt="" />
				<div class="kaxes_content">
					<div class="kaxes_title">
						[闲置]92#面值200元汽油卡
					</div>
					<div class="kaxes_span">
						订单编号：1565656958920
					</div>
					<div class="kaxes_span1">
						<div>
							现有金额:150元
						</div>
						<div>
							现有收益：20.07元
						</div>
					</div>
				</div>
				<div class="kaxes_btn">
					<button type="button" onclick="dialog('#d4');">续费</button>
				</div>
				<div class="clear_div"></div>
			</div>
			<div>
				<img src="images/kaxes_img.png" class="kaxes_img" alt="" />
				<div class="kaxes_content">
					<div class="kaxes_title">
						[闲置]92#面值200元汽油卡
					</div>
					<div class="kaxes_span">
						订单编号：1565656958920
					</div>
					<div class="kaxes_span1">
						<div>
							现有金额:150元
						</div>
						<div>
							现有收益：20.07元
						</div>
					</div>
				</div>
				<div class="kaxes_btn">
					<button type="button" onclick="dialog('#d4');">续费</button>
				</div>
				<div class="clear_div"></div>
			</div>
		</div>
	</div>
		<!--遮罩-->
<div class="mask"></div>
<div class="dialog" id="d4" style="display: none;">
	<div class="dialog_content" style="width:6.67rem; margin-left: -0.415px; margin-top: -56.5px;padding: 0;">
		<div class="diapassa">
			<div class="two tk_div">
				<p class="oil_tk">系统提示</p>
				<p class="kaxes_p">
					确定要为这张卡续费吗？
				</p>
			</div>
			<div class="two div_btn">
				<button class="suzr suzr_qx" onclick="dialogClose()" type="button">取消</button>
				<button class="suzr suzr_qd" type="button" onclick="window.location.href = 'storage_oilcard.html'">确定兑换</button>
			</div>	
		</div>
    </div>
</div>
<script>
	$(".mask").on('click',function(){
		$(".dialog").css('display','none');
		$(".mask").css('display','none')
	})
</script>
</body>
</html>